import React, { Suspense } from "react";
import { createRoot } from 'react-dom/client'
import { Provider } from "react-redux";
import ReactDOM from "react-dom/client";
import App from './App.tsx'
import './index.css'
import { BrowserRouter } from "react-router-dom";
import store from './components/store'

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);
root.render(
  <Provider store={store}>
  <Suspense fallback={<div>组件加载中...</div>}>
    <BrowserRouter basename="poster5">
      <App />
    </BrowserRouter>
  </Suspense>
  </Provider>
);